<!DOCTYPE HTML>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" src="db/db_zh.js"></script>
	<script type="text/javascript" src="db/db_zhzh.js"></script>
	<script type="text/javascript" src="db/db_qz.js"></script>
	<script type="text/javascript" src="db/db_pat.js"></script>
	<script type="text/javascript" src="db/ui.js"></script>
	<title>神之刃资料</title>
</head>

<body>
<style type="text/css">
body{background:#6CBF6C;font:16px/20px 微软雅黑,Arial;color:#FFFFFF;}
.wrap{position:relative;width:960px;height:640px;margin:0px auto;background:#396439;color:#FFFFFF;padding:8px;border-radius:6px;}
.l_box{float:left;height:640px;width:160px;margin:0px auto;overflow-y:auto;}
.l_box div{margin:2px;border:1px solid #C8C8C8;padding:3px;border-radius:6px;background:#366264;color:#FFFFFF;cursor:pointer;}
.l_box div:hover{background:#438689;}
.m_box{float:left;height:640px;width:240px;margin:0px auto;overflow-y:auto;}
.m_box div.abox{margin:2px;border:1px solid #C8C8C8;padding:2px;border-radius:6px;background:#366264;color:#FFFFFF;cursor:pointer;}
.m_box div.abox:hover{background:#438689;}
.m_box div.abox div.con{color:#C6EA5A;}
.r_box{float:left;height:640px;width:560px;margin:0px auto;overflow-y:auto;}
.r_box_c{padding:8px;}
.box_html{margin:3px 0px;}
.box_html .box_con{padding-left:1em;}
.box_html .box_attr{border:1px solid #C8C8C8;border-radius:12px;padding:2px 2em;background:#315231;}
.hr{margin:3px auto;width:auto;height:1px;border-top:1px solid #555555;background:#C7C7C7;overflow-y:auto;}
.patbox{position:absolute;left:78px;top:40px;width:800px;height:600px;border-radius:6px;border:2px solid #EFA565;background:#31795A;}
.pattitle{width:auto;height:24px;padding:0px 10px;line-height:24px;color:#F0F0F0;background:#2A5786;border-bottom:2px solid #EFA565;text-align:center;}
.patclose{display:block;position:absolute;right:0px;top:0px;width:40px;height:20px;border-radius:6px;border:2px solid #873A2E;background:#C53E2B;text-align:center;color:#F0F0F0;text-decoration:none;}
.patclose:hover{background:#D5290A;}
.pconbox{height:594px;}
.pconbox_l{float:left;width:360px;height:100%;overflow-y:auto;}
.pconbox_r{float:left;width:440px;height:100%;overflow-y:auto;}
.patstate td{vertical-align:top;}
.patclick{color:#C8C8FF;text-decoration:none;}
.patclick:hover{color:#FFFFFF;}
.patname{color:#FF6496;}
.tabright{width:auto;}
.w25{width:100px;}
.w35{width:120px;text-align:right;}
.w160{text-align:center;width:160px;}
.box_ability{position:absolute;right:450px;width:360px;height:auto;border-radius:6px;border:2px solid #EFA565;background:#31795A;}
.box_ability_title{width:auto;height:24px;padding:0px 10px;line-height:24px;color:#F0F0F0;background:#2A5786;border-bottom:2px solid #EFA565;text-align:center;}
.box_ability_content{padding:8px;}
.box_ability_close{display:block;position:absolute;right:0px;top:0px;width:40px;height:20px;border-radius:6px;border:2px solid #873A2E;background:#C53E2B;text-align:center;color:#F0F0F0;text-decoration:none;}
.box_ability_close:hover{background:#D5290A;}
</style>

<div class="wrap">
	<div class="patbox" style="display:none;" id="patbox">
		<div class="pattitle">战宠</div>
		<a class="patclose" href="#" onclick="this.parentNode.style.display='none';">X</a>
		<div class="pconbox">
			<div class="pconbox_l">
				<table class="patstate">
					<tr>
						<td><div class="patname" id="patimg"></div></td>
					</tr>
				</table>
			</div>
			<div class="pconbox_r">
				<table class="patstate">
					<tr>
						<td colspan="2"><div class="patname" id="patname">名字</div></td>
					</tr>
					<tr>
						<td class="tableft w25"><div>战魂</div></td>
						<td class="tabright"><div id="patzh"></div></td>
					</tr>
					<tr>
						<td class="tableft w25"><div>普通攻击</div></td>
						<td class="tabright"><div id="patptgj"></div></td>
					</tr>
					<tr>
						<td class="tableft w25"><div>主动技能</div></td>
						<td class="tabright"><div id="patzdjn"></div></td>
					</tr>
					<tr>
						<td class="tableft w25"><div>被动技能</div></td>
						<td class="tabright"><div id="patbdjn"></div></td>
					</tr>
					<tr>
						<td class="tableft w25"><div>获得途径</div></td>
						<td class="tabright"><div id="pathdtj"></div></td>
					</tr>
				</table>
				<table class="patstate">
					<tr>
						<td colspan="2" class="patname"><div>基础属性</div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>生命</div></td>
						<td class="tabright w160"><div id="pat_life"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>物攻</div></td>
						<td class="tabright w160"><div id="pat_datt"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>魔攻</div></td>
						<td class="tabright w160"><div id="pat_matt"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>物防</div></td>
						<td class="tabright w160"><div id="pat_ddef"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>魔防</div></td>
						<td class="tabright w160"><div id="pat_mdef"></div></td>
					</tr>
					<tr>
						<td colspan="2" class="patname"><div>附加属性</div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>破格</div></td>
						<td class="tabright w160"><div id="pat_pg"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>格挡</div></td>
						<td class="tabright w160"><div id="pat_gd"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>暴击</div></td>
						<td class="tabright w160"><div id="pat_bj"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>韧性</div></td>
						<td class="tabright w160"><div id="pat_rx"></div></td>
					</tr>
					<tr>
						<td class="tableft w35"><div>行动延迟</div></td>
						<td class="tabright w160"><div id="pat_delay"></div></td>
					</tr>
				</table>
			</div>
			<div style="clear:both;"></div>
		</div>
	</div>
	<div class="l_box" id="l_box"></div>
	<div class="m_box" id="m_box"></div>
	<div class="r_box" id="r_box">
		<div class="r_box_c" id="r_box_c"></div>
	</div>
	<div style="clear:both;"></div>
</div>
<div class="box_ability" style="display:none;" id="box_ability">
	<div class="box_ability_title" id="box_ability_title"></div>
	<a class="box_ability_close" href="#" onclick="this.parentNode.style.display='none';">X</a>	
	<table><tr>
		<td><div style="width:80px;" id="box_ability_icon"></div></td>
		<td><div class="box_ability_content" id="box_ability_content"></div></td>
	</tr></table>
</div>

</body>
</html>
